<template>
  <div style="padding-top:4rem;">
    <TopNav :title="title" show_left="true"></TopNav>
    <img class="logo" :src="logo" alt="">
    <div class="tips">
      <a :href="fxURL">{{ $t('NotFoundPage.fwgwxzzxsjb') }}</a>
    </div>
  </div>
</template>

<script>

import TopNav from "../components/TopNav";

export default {
  name: '404Page',
    components: {
      TopNav,
    },
    data () {
    return {
      logo:'',
      title:'',
      fxURL:'',
    }
  },
    methods:{

    },
    mounted() {
      
          let bg = this.$qs.parse(localStorage.getItem('config_bg'));
          this.logo = bg.LogoImg;
          this.title = bg.title;
          this.fxURL = bg.fxurl;
       
    }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .logo{
    width:3rem;
    height:3rem;
    margin-top:30%;
  }
  .tips{
    margin-top:1rem;
    font-size: 0.5rem;
  }
  .tips a{
    text-decoration: none;
    background-color:#e2784a;
    color:#fff;
    padding:0.1rem 0.2rem;
    border-radius: 0.12rem;
  }
</style>
